@import (reference) '~weaver-mobile/dist/weaver-mobile.less';
@import (reference) './index.less';

@blogUserCenterWrapCls: blog-userCenter;

.@{blogUserCenterWrapCls} {
  &-contianer {
    height: 100%;
  }
  /* 分享设置 */
  &-shareSet {
    height: 100%;
    /* 默认分享 */
    &-default, &-mine {
      &-sectionData {
        font-size: 14 * @hd;
        color: @color-text-placeholder;
        line-height: 35 * @hd
      }
      &-listItem, &-rowItem {
        color: @color-text-paragraph;
      }
      &-time {
        color: @color-text-placeholder;
      }
      &-separator {
        color: @color-text-placeholder;
        margin-left: 14 * @hd;
        padding: 7 * @hd 0 7 * @hd 0;
        border-bottom: @border-width-sm solid @border-color-base;
      }
    }
    &-mine {
      &-add {
        margin-left: 12 * @hd;
        color: #00CC99;
        line-height: 40 * @hd;
        text-align: center;
        display: none;
      }
    }
  }
  
}

.blog-setting-basic{
  .blog-setting-basic-apply{
    .am-list-content{
      font-size: 14 * @hd;
      line-height: 20 * @hd;
      color: @color-text-paragraph;
    }
  }
  .blog-setting-basic-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14 * @hd;
  }
}

.blog-center {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  color: @color-text-paragraph;
  /* 个人中心主页 */
  &-userInfo {
    background: @fill-base;
    .am-wingblank{
      display: flex;
      overflow: hidden;
      padding: 14 * @hd 0 10 * @hd;
      border-bottom: @border-width-sm solid @border-color-base;
      .am-avatar {
        width: 60 * @hd;
        height: 60 * @hd;
      }
    }
    &-info {
      @disc: 60 * @hd;
      width: calc(~'100% - @{disc}');
      margin: 5 * @hd 0 0 10 * @hd;
      box-sizing: border-box;
      &-name {
        display: inline-block;
        line-height: 24 * @hd;
        font-size: @font-size-heading;
        margin-bottom: 4 * @hd;
      }
      &-title {
        color:@color-text-caption;
        line-height: 20 * @hd;
        word-wrap: break-word;
      }
    }
  }
  &-userCount {
    text-align: center;
    background: @fill-base;
    :not(:last-child).am-flexbox-item {
      position: relative;
      .blog-center-userCount-line {
        border-right: @border-width-sm solid @border-color-base;
        position: absolute;
        top: calc(~'50% - '12 * @hd);
        right: 0;
        height: 24 * @hd;
      }
    }
    &-item {
      padding: 3 * @hd 0;
      &-value {
        display: block;
        font-size: @font-size-heading;
      }
      &-name {
        font-size: 14 * @hd;
        line-height: 20 * @hd;
      }
    }
  }
  &-userVisitor {
    .am-list-body {
      border: 0;
    }
    &-title {
      .am-list-line:first-child{
        border-bottom: 0;
      }
    }
    &-content {
      .am-list-line {
        border-bottom: @border-width-sm solid @border-color-base;
      }
    }
  }

  /* 微博关注 */
  &-attention {
    height: 100%;
    background: @fill-base;
    position: relative;
    /* 我的关注高度处理 */
    &-myAttention-user {
      @diss: @tabs-height + 1;
      height: calc(~'100% - @{diss}');
    }
    /* 我的关注 */
    &-myAttention {
      position: absolute;
      top: @tabs-height + 1;
      bottom: 0;
      width: 100%;
      & > div {
        -webkit-overflow-scrolling: touch;
      }
      &-user {
        position: absolute;
        top: @tabs-height + 1;
        bottom: 0;
        width: 100%;
        &-title {
          border-bottom: 1 * @hd solid @border-color-base;
        }
        &-list {
          position: absolute;
          width: 100%;
          top: @list-item-height + 1;
          bottom: 0;
        }
        &-list.blog-list-checked-search {
          top: @list-item-height;
          bottom: @tab-bar-height;
        }
        &-list.blog-list-checked {
          top: @list-item-height + 1 + @list-item-height;
          bottom: @tab-bar-height;
        }
        &-btns {
          position: absolute;
          height: @tab-bar-height;
          width: 100%;
          bottom: -50px;
          background: @fill-base;
          box-sizing: border-box;
          border-top: 1 * @hd solid @border-color-base;
          z-index: 100;
          color: @color-text-disabled;
          .am-flexbox-item {
            text-align: center;
          }
        }
        &-btns.active {
          color: @color-text-paragraph;
        }
      }
      &-search-list {
        top: 0;
      }
      /* 微博总览样式 */
      &-overview {
        height: 100%;
        /* 微博总览搜索显示样式 */
        &-overViewSearch {
          height: calc(~'100% - '@search-bar-height);
        }
        &-genOverview {
          background: @fill-base;
          @overdiss: @search-bar-height + 1;
          height: calc(~'100% - @{overdiss}');
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
          &-accordion {
            border-top: 0;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            .am-accordion-item {
              margin-bottom: 8 * @hd;
              .am-accordion-header {
                border-bottom: none;
                background: @fill-body !important;
                color: @color-text-caption;
                line-height: 18 * @hd;
                height: 32 * @hd;
                .arrow {
                  top: 8 * @hd;
                }
                .accordion {
                  position: relative;
                  top: 7 * @hd;
                  .orange {
                    margin-left: 21 * @hd;
                    color: @brand-error;
                  }
                  .icons {
                    position: absolute;
                    right: 30 * @hd;
                  }
                }
              }
            }
          }
          .am-list-body {
            border-bottom: 0;
          }
          .am-list-footer {
            padding: 0;
          }
          .wm-comment-list .am-list { //展开list body滚动处理
            position:  relative !important;
          }
        }
      }
    }
    /* 分组管理 */
    &-group {
      height: 100%;
      .am-list {
        height: 100%;
        .am-list-body {
          height: 100%;
        }
      }
      &-new {
        .am-list-line {
          .am-list-content {
            text-align: center;
            color: @segmented-control-color !important;
            .am-icon {
              margin-right: 4 * @hd;
            }
          }
        }
      }
      &-container {
        position: absolute;
        width: 100%;
        top: @list-item-height;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      &-line {
        .am-list-line {
          .am-list-content {
            display: flex;
            color: @color-text-paragraph;
            justify-content: space-between;
            .am-icon {
              margin-right: 4 * @hd;
            }
            .blog-center-attention-group-line-title {
              max-width: 60%;
              overflow: hidden;
              text-overflow: ellipsis;
            }
            .blog-center-attention-group-line-ops>span:first-child {
              margin-right: 6 * @hd;
            }
          }
        }
      }
    }
    /* 新建 || 编辑 分组管理 */
    &-editGroup {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    /* 分享给我 */
    &-share {
      position: absolute;
      top: @tabs-height + 1;
      bottom: 0;
      width: 100%;
      .wm-list-view-page-modal-scrollview {
        @disc: @search-bar-height + 1;
        height: calc(~'100% - @{disc}') !important;
      }
    }
    /* 组织结构 */
    &-organization {
      position: absolute;
      top: @tabs-height + 1;
      bottom: 0;
      width: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
  }

  /* 他的微博 */
  &-hisblog {
    height: 100%;
    position: relative;
    &-user {
      &-info {
        .am-wingblank {
          display: flex;
          flex: 1 1;
          height: 90 * @hd;
          overflow: hidden;
          padding: 10 * @hd 0;
          box-sizing: border-box;
          justify-content: space-around;
          border-bottom:  @border-width-sm solid @border-color-base;
        }
        &-img {
          margin: 5 * @hd 0;
          img {
            width: 100% !important;
            height: 100% !important;
          }
        }
        &-msg {
          @diss: 60 * @hd + 90 * @hd;
          width: calc(~'100% - @{diss}');
          margin-left: 5 * @hd;
          box-sizing: border-box;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          justify-content: center;
          &-username {
            font-size: @font-size-heading;
            margin-bottom: 4 * @hd;
          }
          &-deptInfo {
            color:@color-text-caption;
            line-height: 20 * @hd;
            word-wrap: break-word;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }
        &-msg.active {
          width: calc(~'100% - '60 * @hd);
        }
        &-msgTool {
          .text-info {
            border: @border-width-sm solid @border-color-base;
            border-radius: @radius-sm;
            padding: 6 * @hd 7 * @hd 4 * @hd 7 * @hd;
            height: 30 * @hd;
            max-width: 90 * @hd;
            text-align: center;
            box-sizing: border-box;
            position: relative;
            top: 15%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            .am-icon {
              height: 12 * @hd;
              width: 12 * @hd;
              position: relative;
              top: 1px;
            }
            >span {
              font-size: @font-size-caption-sm;
              margin-left: 6 * @hd;
            }
          }
          .text-info.active {
            border-color: @brand-primary !important; /* important 后期可以看情况去掉 */
            color: @brand-primary !important;  /* important 后期可以看情况去掉 */
            .am-icon {
              color: @brand-primary !important;  /* important 后期可以看情况去掉 */
            }
            >span {
              color: @brand-primary !important;  /* important 后期可以看情况去掉 */
            }
          }
        }
      }
      &-count {
        text-align: center;
        :not(:last-child).am-flexbox-item {
          position: relative;
          .blog-center-hisblog-user-count-line {
            border-right: @border-width-sm solid @border-color-base;
            position: absolute;
            top: calc(~'50% - '12 * @hd);
            right: 0;
            height: 24 * @hd;
          }
        }
        &-item {
          padding: 3 * @hd 0;
          &-value {
            display: block;
            font-size: @font-size-heading;
          }
          &-name {
            font-size: 14 * @hd;
            line-height: 20 * @hd;
          }
        }
        &-item.active {
          border-bottom: 2 * @hd solid @brand-primary;
        }
      }
      .am-whitespace {
        background-color: @fill-body;
      }
    }
    &-content {
      position: absolute;
      top: 146 * @hd;
      bottom: 0;
      width: 100%;
      &-list {
        height: 100%;
        .blog-list-line {
          .blog-list-line-userInfo {
            max-width: 100%;
          }
        }
      }
    }
  }

  /* 我的粉丝 */
  &-myFans {
    height: 100%;
    .wm-list-view-page-modal-scrollview {
      @disc: @search-bar-height + 1;
      height: calc(~'100% - @{disc}') !important;
    }
  }

  /* 消息提醒 */
  &-msgRemind {
    height: 100%;
    .blog-noData {
      height: calc(~'100% - '@button-height) !important;
    }
    .wm-list-view-page-modal-scrollview {
      height: calc(~'100% - '@button-height) !important;
      .am-list-content {
        padding: 0;
      }
      .am-list-item{
        min-height: 36 * @hd;
        .am-list-line {
          padding-right: 0;
        }
      }
    }
    &-line {
      padding: 7 * @hd 0;
      display: flex;
      flex: 1 1;
      .am-icon {
        margin-right: 5 * @hd;
        vertical-align: middle;
      }
      &-contaner {
        padding-right: 15 * @hd;
        &-name {
          margin-right: 8 * @hd;
        }
      }
      &-rightBtn {
        &-agree {
          background: #2185FE;
          color: @color-text-base-inverse;
          font-size: @font-size-heading;
        }
        &-refuse {
          background: #FF3B30;
          color: @color-text-base-inverse;
          font-size: @font-size-heading;
        }
        &-ignore {
          background: #BEBEBE;
          color: @color-text-base-inverse;
          font-size: @font-size-heading;
        }
      }
    }
  }

  /* 微博设置 */
  &-setting {
    height: 100%;
    /* 分享设置 */
    &-share {
      height: 100%;
    }
  }

  /* 最近来访--访问页面 */
  &-visitor {
    height: 100%;
    &-title {
      height: 28 * @hd;
      line-height: 28 * @hd;
      text-align: center;
      color: @color-text-base-inverse;
      background: #717171;
    }
  }
}